<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
	<title>Aggiungi attività al pacchetto</title>
	<h:outputStylesheet library="TdTheme" name="css/style.css"/>	
</h:head> 
<h:body>
	<h:form>      
	    <p:menubar>
	    	<p:menuitem value="Homepage" icon="ui-icon-contact" url="home.xhtml?faces-redirect=true"/> 
	         
	        <f:facet name="options">
	        	<p:outputLabel value="Benvenuto, #{utenteManagedBean.nome}" style="margin-right:10px"/>  
	            <p:commandButton value="Modifica Profilo" icon="ui-icon-contact" action="modifica_utente.xhtml?faces-redirect=true"/>
	            <p:commandButton value="Logout" icon="ui-icon-extlink" action="#{loginManagedBean.logout()}"/>  
	        </f:facet>  
	    </p:menubar>  
  	</h:form> 
	<!-- div che contiene il resto -->
	<div id="Container">
	<h:form id="errorMessages">
		<p:messages autoUpdate="true" closable="true" id="atLeastOne" />
	</h:form>
	
	<p:panelGrid style="width:100%" columns="2" styleClass="userTopBar">
		<p:panel header="Attività nel pacchetto">
			<h:outputLabel value="Nessuna attività nel pacchetto" rendered="#{personalizzazioneManagedBean.res.attivita== null or personalizzazioneManagedBean.res.attivita.size() == 0}"/>
			<p:dataTable value="#{personalizzazioneManagedBean.res.attivita}" var="a" rendered="#{personalizzazioneManagedBean.res.attivita != null and personalizzazioneManagedBean.res.attivita.size() > 0}">
				<p:column headerText="Nome">
					#{a.nome}
				</p:column>
				<p:column headerText="Descrizione">
					#{a.descrizione}
				</p:column>
			</p:dataTable>
			<!-- panel che conterrà la lista dei prodotti da acquistare (quindi tutte le attività compatibili non acquistate) -->
			<p:panel id="Acquistabili" header="Acquista prodotti" >
				<h:outputLabel value="Nessuna attività acquistabile" rendered="#{personalizzazioneManagedBean.attivitaAcquistabili.size() == 0}"/>
				<h:form rendered="#{personalizzazioneManagedBean.attivitaAcquistabili.size() != 0}">
				<p:selectManyMenu id="acquistaMenu" value="#{personalizzazioneManagedBean.attivitaSceltePerAcquisto}" var="att" showCheckbox="true" style="width: auto" converter="AttivitaConverter" rendered="#{personalizzazioneManagedBean.attivitaAcquistabili.size() != 0}">  
		            <f:selectItems value="#{personalizzazioneManagedBean.attivitaAcquistabili}" var="attivita" itemLabel="#{attivita.descrizione}" itemValue="#{attivita}" />  
		            <p:column headerText="Nome">  
		                <p:outputLabel>#{att.nome}</p:outputLabel>
		            </p:column>  
		            <p:column headerText="Descrizione">
		            	<p:outputLabel>#{att.descrizione}</p:outputLabel> 
		            </p:column>
		            <p:column headerText="Prezzo">
		            	<p:outputLabel>#{att.prezzo}</p:outputLabel>
		            </p:column>
		        </p:selectManyMenu>
		        <p:commandButton value="Acquista prodotti" action="#{personalizzazioneManagedBean.acquistaAttivita()}" style="margin-top: 0.5em"/>
		       </h:form>
			</p:panel>
		</p:panel>
		<p:panel header="Gift List">
			<h:outputLabel value="Nessuna attività presente nella gift list" rendered="#{personalizzazioneManagedBean.res.giftList == null or personalizzazioneManagedBean.res.giftList.size() == 0}"/>
			<p:dataTable value="#{personalizzazioneManagedBean.res.giftList}" var="a" rendered="#{personalizzazioneManagedBean.res.giftList != null and personalizzazioneManagedBean.res.giftList.size() > 0}">
				<f:facet name="header">  
		            Gift List
		        </f:facet> 
		        <p:column headerText="Nome">
					#{a.nome}
				</p:column>
				<p:column headerText="Descrizione">
					#{a.descrizione}
				</p:column>
				<p:column headerText="Prezzo">
					#{a.prezzo}
				</p:column>
			</p:dataTable>
			<!-- panel per contenere i prodotti che è possibile aggiungere nella gift list (quindi le attività compatibili meno quelle già in gift list -->
			<p:panel id = "Giftabili" header = "Inserisci prodotti in giftlist" >
				<h:outputLabel value="Nessuna attività da inserire nella gift list disponibile" rendered="#{personalizzazioneManagedBean.attivitaGiftabili.size() == 0}"/>
				<h:form rendered="#{personalizzazioneManagedBean.attivitaGiftabili.size() != 0}">
				<p:selectManyMenu id="inserisciInGiftListMenu" value="#{personalizzazioneManagedBean.attivitaSceltePerGiftList}" var="att" showCheckbox="true" style="width: auto" converter="AttivitaConverter">  
		            <f:selectItems value="#{personalizzazioneManagedBean.attivitaGiftabili}" var="attivita" itemLabel="#{attivita.descrizione}" itemValue="#{attivita}" />  
		            <p:column headerText="Nome">  
		                #{att.nome}
		            </p:column>  
		            <p:column headerText="Descrizione">
		            	#{att.descrizione}  
		            </p:column>
		            <p:column headerText="Prezzo">
		            	#{att.prezzo}
		            </p:column>  
		        </p:selectManyMenu>
		        <p:commandButton value="Aggiungi prodotti alla giftlist" action="#{personalizzazioneManagedBean.inserisciGiftList()}" style="margin-top: 0.5em" />
		       </h:form>
			</p:panel>
		</p:panel>
	</p:panelGrid>
	<p:outputLabel>Condividi il pacchetto con il codice </p:outputLabel>
	<p:outputLabel value="#{personalizzazioneManagedBean.res.idPacchetto}" style="font-size:1.2em; color:#f00"/>
	</div>
</h:body>
</html>
